<!doctype html>
<html>
<head>
	<link type="text/css" rel="stylesheet" href="/css/main.css" />
	<link type="text/css" rel="stylesheet" href="/css/jquery-ui-1.9.0.custom.css" />
    <script type="text/javascript" src="/js/responsive.js"></script>
    <script type="text/javascript" src="/js/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="/js/jquery-ui-1.9.0.custom.js"></script>
    <script type="text/javascript" src="/js/jquery.ui.autocomplete.js"></script>
    <script type="text/javascript" src="/js/jPaginator-min.js"></script>
    <script type="text/javascript" src="/js/common.js"></script>
	<title>CPA project</title>
	<!--[if lt IE 9]>
		<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
	<![endif]-->
</head>
<body>
	<div id="main">
		<div id="all">
			<div id="header">
				<div class = "head">
					<a href="/" class="logo"><img src = "/pic/logo.png"></a>
					<div class = "logo">
						<a href="#"><img src="/pic/button_fb.png" alt="www.facebook.com"></a>
						<a href="#"><img src="/pic/button_tw.png" alt="www.twitter.com"></a>
						<a href="#"><img src="/pic/button_gl.png" alt="www.google.com"></a>
						<span>Consumer Protection Agency</span>
					</div>
					<div id = "logo_right">
						<div id="sign">
							<span class="login">
								<a href="/index.php?mod=account&act=login" class='login'>
                                <img src='/pic/icon_code.png'> Log In
								</a>
							</span>
							<span class="sign">
								<a class='sign' href="#">
									<img src='/pic/icon_code.png'> Sign Up
								</a>
							</span>
						</div>
						<div id="logo_info">
							<a href="#">Support Center</a>|<a href="#">FAQ</a>
						</div>
						<form id="search" action="?mod=account&act=in_development" method="POST">
								<button class="btn_search"></button><input id="global_search" type="text" value="Search for..." name="search" />
						</form>
					</div>
				</div>
			</div>
			<div class = "h_line"></div>
			<div id="common">
				<div id="content">
					<div id="left_common">
						<div id="center">
							<?php 
							include('tpl/errors.php');
							echo $html?>
						</div>
						<div id="left">
							<div id="left_bord">
								<cmf:action name="widget_dashboard" area="visitor" mod="widget" />
							</div>
								<cmf:action name="widget_news" area="global" mod="widget" position="top" />
						</div>
					</div>
					<div id="right_common">
						<cmf:action name="widget_complaints" area="global" mod="widget" />
						<cmf:action name="widget_news" area="global" mod="widget" position="bottom"/>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer">
		<div class = "f_line"></div>
		<div style="max-width:975px; margin:0 auto; padding-left:15px;">
			<nav> 
				<?php if(_cfg('footer.menu')):?>
					<?php foreach(_cfg('footer.menu') as $key=>$var):?>
						<div class="footer_menu">
							<span class="title"><?=$key?></span>
							<ul>
								<?php foreach($var as $name=>$link):?>
									<li><a href="<?=$link['url'];?>" class="<?=$link['class'];?>"><?=$name;?></a></li>
								<?php endforeach?>
							</ul>
						</div>
					<?php endforeach?>
				<?php endif?>
				
				<?php if(_cfg('footer.menu')):?>
				<select>
					<option value="" selected>- Select one -</option>
				<?php foreach(_cfg('footer.menu') as $key=>$var):?>
						<option value="#" disabled><?=$key?></option>
							<?php foreach($var as $name=>$link):?>
								<option value="<?=$link['url']?>">-<?=$name;?></option>
							<?php endforeach?>
					<?php endforeach?>
				</select>
				<?php endif?>
			</nav>
			<script type="text/javascript">
				$("nav select").change(function() {
				  window.location = $(this).find("option:selected").val();
				});
			</script>
			<div class = "copyright">© 2012 Consumer Protection Agency</div>
		</div>
	</div>
</body>
</html>